/**
 * UCSC Xena Client
 * http://xena.ucsc.edu
 *
 * Rules necessary for wrapper around columns, as well as add column hover functionality on individual columns.
 */

/* Visualization mode - add wrapper around column and add column components. */
.visualizationMode {
	display: flex;
}

/* Wizard mode. */
.wizardMode {
	display: flex;
	flex-direction: column;
}

/* Scoot column to the left of "add column" component, to the left by 8px */
.hoverLeft :global(.Column) {
	margin-left: -8px;
	margin-right: 8px;
}

/* Scoot column to the right of "add column" component, to the right by 8px */
.hoverRight :global(.Column) {
	margin-left: 8px;
	margin-right: -8px;
}
